</script>
</head>
<body>
<script>
var cliente = "";
function displayUser(user) {
   cliente = JSON.encode(user);
 }
     
 // use jsonp to call the graph
       var script = document.createElement('script');
       script.src = url;
       document.body.appendChild(script);
</script>
<div id="pedidoTable" style="display: block;">
<table class="pedidoTable" cellpadding="0" cellspacing="0">
	<tr>
		<td align="center" style="background-color: #f3e9d1;">
			<table width="95%" height="25" border="0">
				<tr><td colspan="4"><img src="img/null.gif" width="1" height="5"></td></tr>
				<tr><td colspan="4"><b>Pedido</b></td></tr>
				<tr><td colspan="4"><img src="img/null.gif" width="1" height="5"></td></tr>
				<tr><td>Telefono:</td><td><input name="telefonoPedido" id="telefonoPedido" type="text" value=""></td>
					<td>Email:</td><td><input name="emailPedido" id="emailPedido" type="text" value=""></td></tr>
				<tr><td>Dir. de entrega:</td><td><input name="direccionPedido" id="direccionPedido" type="text" value=""></td>
					<td>Fecha de entrega:</td><td><input name="fechaPedido" id="fechaPedido" type="text" value=""></td></tr>
				<tr><td colspan="4"><img src="img/null.gif" width="1" height="5"></td></tr>
			</table>
		</td>
	</tr>
	<tr>
		<td height="100%" valign="top" style="background-color: #f3e9d1">
			<table id="carritoTable" border="0" cellpadding="0" cellspacing="0" class="list-table">
				<tr>
					<th align="center" width="450">Item</th>
					<th width="100" align="right">Cantidad</th>
					<th width="16" align="center"><img src="img/null.gif" width="16"></th>
					<th width="16" align="center"><img src="img/null.gif" width="16"></th>
					<th width="16" align="center"><img src="img/null.gif" width="16"></th>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td align="right" height="20" style="background-color: #f3e9d1">
			<input type="button" value="Agregar item" onclick="showWizard();">
		</td>
	</tr>
	<tr><td style="background-color: #f3e9d1">&nbsp;</td></tr>
	<tr>
		<td align="center" height="40" style="border-top: 1px Solid #ef5a94; background-color: #ffa5ce;">
			<table>
				<tr><td><input type="button" id="botonPresupuesto" value="Pedir presupuesto" onclick="pedirPresupuesto(cliente)"></td>
				<td><img src="img/null.gif" width="10"></td>
				<td><input type="button" id="botonPedido" value="Concretar pedido" onclick="concretarPedido(cliente)"></td></tr>
			</table>
		</td>
	</tr>
</table>
</div>

<div id="content" style="display: none;">
<form id="contactForm" action="#">

<fieldset class="wizard-page" id="wizardStep1">
<legend><span>Item a pedir</span></legend>
<p>Seleccione el item a pedir y clickee siguiente.</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Pedido de:</td>
			<td><select name="item" id="item" onchange="changeOtro(this, 'itemOtro')" class="w250">
				<option value="tarta">Tarta</option>
				<option value="torta">Torta</option>
				
				<option value="marquise de chocolate">Marquise de chocolate</option>
				<option value="marquise de chocolate helada">Marquise de chocolate helada</option>
				<option value="torta espiral">Torta espiral</option>
				<option value="alfajor rogel">Alfajor rogel</option>
				<option value="selva negra">Selva negra</option>
				<option value="torta brownie">Torta brownie</option>
				<option value="torta ajedrez">Torta ajedrez</option>
				<option value="brownies">Brownies</option>
				<option value="torta helada">Torta helada</option>
				<option value="rogelitos">Rogelitos</option>
				<option value="mini-pies">Mini-pies</option>
				
				<option value="cupcakes">Cupcakes</option>
				<option value="popcakes">Popcakes</option>
				<option value="capsulas">Capsulas</option>
				<option value="pionono">Pionono</option>
				<option value="otro">Otro</option>
				</select>
			</td>
		</tr>
		<tr><td>Otro:</td><td><input type="text" name="itemOtro" id="itemOtro" disabled="true" class="w250"></td></tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="tartaStep1">
<legend><span>Seleccione el tipo de tarta</span></legend>
<p>Seleccione el tipo de tarta</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Tipo de tarta:</td>
			<td><select name="tipoTarta" id="tipoTarta" onchange="changeOtro(this, 'tipoTartaOtro')">
					<option value="frutillas con crema">Frutillas con crema</option>
					<option value="duraznos con crema">Duraznos con crema</option>
					<option value="lemon pie">Lemon pie</option>
					<option value="orange pie">Orange pie</option>
					<option value="manzana con streusel">Manzana con streusel</option>
					<option value="bucanof">Bucanof</option>
					<option value="ricota">Ricota</option>
					<option value="mousse de chocolate con crema">Mousse de chocolate con crema</option>
					<option value="mousse de dulce de leche granizado con crema">Mousse de dulce de leche granizado con crema</option>
					<option value="dulce de leche y cobertura de chocolate (negro) con nuez">Dulce de leche y cobertura de chocolate (negro) con nuez</option>
					<option value="dulce de leche y cobertura de chocolate (blanco)">Dulce de leche y cobertura de chocolate (blanco)</option>
					<option value="bon-o-bon con cobertura de chocolate">Bon-o-bon con cobertura de chocolate</option>
					<option value="coco y dulce de leche">Coco y dulce de leche</option>
					<option value="cheesecake">Cheesecake</option>
					<option value="pasta frola de membrillo">Pasta frola de membrillo</option>
					<option value="pasta frola de batata">Pasta frola de batata</option>
					<option value="pasta frola de dulce de leche">Pasta frola de dulce de leche</option>
					<option value="otro">Otra</option>
				</select>
			</td>
		</tr>
		<tr><td>Otra:</td><td><input type="text" name="tipoTartaOtro" id="tipoTartaOtro" disabled="true"></td></tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="miniPiesStep1">
<legend><span>Seleccione el tipo de mini pies</span></legend>
<p>Seleccione el tipo de mini pies</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Tipo de Mini-pie:</td>
			<td><select name="tipoMiniPie" id="tipoMiniPie" onchange="changeOtro(this, 'tipoMiniPieOtro')">
					<option value="frutillas con crema">Frutillas con crema</option>
					<option value="lemon pie">Lemon pie</option>
					<option value="orange pie">Orange pie</option>
					<option value="mousse de chocolate">Mousse de chocolate</option>
					<option value="mousse de dulce de leche granizado">Mousse de dulce de leche granizado</option>
					<option value="dulce de leche y cobertura de chocolate negro">Dulce de leche y cobertura de chocolate negro</option>
					<option value="dulce de leche y cobertura de chocolate blanco">Dulce de leche y cobertura de chocolate blanco</option>
					<option value="bon-o-bon con cobertura de chocolate">Bon-o-bon con cobertura de chocolate</option>
					<option value="coco y dulce de leche">Coco y dulce de leche</option>
					<option value="otro">Otro</option>
				</select>
			</td>
		</tr>
		<tr><td>Otra:</td><td><input type="text" name="tipoMiniPieOtro" id="tipoMiniPieOtro" disabled="true"></td></tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="cupcakesStep1">
<legend><span>Detalles de los cupcakes</span></legend>
<p>Complete los detalles del cupcake</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Masa:</td>
			<td><select name="masaCupcake" id="masaCupcake" class="w150">
					<option value="vainilla">Vainilla</option>
					<option value="chocolate">Chocolate</option>
					<option value="limon">Limom</option>
					<option value="naranja">Naranja</option>
				</select>
			</td>
			<td>Imagen ejemplo (pegue la url):</td>
		</tr>
		<tr>
			<td>Relleno:</td>
			<td><select name="rellenoCupcake" id="rellenoCupcake" class="w150">
					<option value="sin relleno">Sin relleno</option>
					<option value="dulce de leche">Dulce de leche</option>
					<option value="chips de chocolate">Chips de chocolate</option>
				</select>
			</td>
			<td><table border="0" cellpadding="0" cellspacing="0"><tr><td><input id="ejemploCupcake" name="ejemploCupcake" type="text" class="w150"></td>
					   <td><input type="button" value="Ver" onclick="cargarEjemploCupcake()"/></td></tr>
				</table></td>
		</tr>
		<tr>
			<td>Cubierta:</td>
			<td><select name="cubiertaCupcake" id="cubiertaCupcake" class="w150">
					<option value="fondant">Fondant</option>
					<option value="glase">Glase</option>
					<option value="mousse de chocolate">Mousse de chocolate</option>
					<option value="crema">Crema</option>
					<option value="buttercream">Buttercream</option>
				</select>
			</td>
			<td rowspan="2"><img id="imgEjemploCupcake" name="imgEjemploCupcake" src="img/na.jpg" width="100" height="100"></td>
		</tr>
		<tr>
			<td valign="top">Decoracion:</td>
			<td valign="top"><input type="text" name="decoracionCupcake" id="decoracionCupcake" class="w150"></td>
		</tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="rogelitosStep1">
<legend><span>Detalle de los rogelitos</span></legend>
<p>Complete los detalles de los rogelitos</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Relleno:</td>
			<td><select name="rellenoRogelitos" id="rellenoRogelitos" class="w150">
					<option value="dulce de leche">Dulce de leche</option>
					<option value="crema de limon">Crema de limon</option>
				</select>
			</td>
		</tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="marquiseStep1">
<legend><span>Detalle del Marquise</span></legend>
<p>Complete los detalles del marquise</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Cubierta:</td>
			<td><select name="cubiertaMarquise" id="cubiertaMarquise" class="w250">
					<option value="dulce de leche y merengue">Dulce de leche y merengue</option>
					<option value="dulce de leche y mousse de chocolate">Dulce de leche y mousse de chocolate</option>
					<option value="dulce de leche y crema">Dulce de leche y crema</option>
				</select>
			</td>
		</tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="tortaHeladaStep1">
<legend><span>Detalle de la torta helada</span></legend>
<p>Complete los detalles de la torta helada</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Masa:</td>
			<td><select name="masaTortaHelada" id="masaTortaHelada" class="w250">
					<option value="bizcochuelo de vainilla">Bizcochuelo de vainilla</option>
					<option value="bizcochuelo de chocolate">Bizcochuelo de chocolate</option>
					<option value="pionono de vainilla">Pionono de vainilla</option>
					<option value="pionono de chocolate">Pionono de chocolate</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Relleno 1er corte:</td>
			<td><select name="relleno1TortaHelada" id="relleno1TortaHelada" class="w250">
					<option value="chocolate">Chocolate</option>
					<option value="frutilla">Frutilla</option>
					<option value="vainilla">Vainilla</option>
					<option value="dulce de leche">Dulce de leche</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Relleno 2do corte:</td>
			<td><select name="relleno2TortaHelada" id="relleno2TortaHelada" class="w250">
					<option value="chocolate">Chocolate</option>
					<option value="frutilla">Frutilla</option>
					<option value="vainilla">Vainilla</option>
					<option value="dulce de leche">Dulce de leche</option>
				</select>
			</td>
		</tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="marquiseHeladaStep1">
<legend><span>Detalle de la marquise helada</span></legend>
<p>Complete los gustos de helado para la marquise</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Helados:</td>
			<td><select name="heladosMarquise" id="heladosMarquise" class="w250">
					<option value="chocolate y frutilla">Chocolate y frutilla</option>
					<option value="chocolate y vainilla">Chocolate y vainilla</option>
				</select>
			</td>
		</tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="tortaStep1">
<legend><span>Pedido de Torta (1/6) - Cantidad de personas</span></legend>
<p>Ingrese la cantidad de personas para las cuales seria la torta (se calcularan 100gr de torta por persona aprox.)</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Cantidad de personas:</td>
			<td><input type="text" name="tortaPersonas" id="tortaPersonas"/></td>
		</tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="tortaStep2">
<legend><span>Pedido de Torta (2/6) - Seleccion de masa</span></legend>
<p>Seleccione el tipo de masa</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Base:</td>
			<td><select name="tortaMasa" id="tortaMasa" onchange="changeOtro(this, 'tortaMasaOtro')" class="w200">
				<option value="budin">Budin hamburgues</option>
				<option value="bizcochuelo">Bizcochuelo</option>
				<option value="bizcochuelo de chocolate">Bizcochuelo de chocolate</option>
				<option value="pionono">Pionono</option>
				<option value="otro">Otra</option>
			</select>
			</td>
		</tr>
		<tr><td>Otra:</td><td><input type="text" name="tortaMasaOtro" id="tortaMasaOtro" disabled="true" class="w200"></td></tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="tortaStep3">
<legend><span>Pedido de Torta (3/6)- Seleccion de cubierta</span></legend>
<p>Seleccione la cubierta que desea para la torta</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Cubierta:</td>
			<td><select name="tortaCubierta" id="tortaCubierta" onchange="changeOtro(this, 'tortaCubiertaOtro')" class="w250">
				<option value="fondant">Fondant</option>
				<option value="ganache">Ganache</option>
				<option value="cobertura de chocolate y mousse">Cobertura de chocolate y mousse</option>
				<option value="cobertura de chocolate y crema">Cobertura de chocolate y crema</option>
				<option value="merengue">Merengue</option>
				<option value="granas y mani">Granas y mani</option>
				<option value="otro">Otra</option>
			</select>
			</td>
		</tr>
		<tr><td>Otra:</td><td><input type="text" name="tortaCubiertaOtro" id="tortaCubiertaOtro" disabled="true" class="w250"></td></tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="tortaStep4">
<legend><span>Pedido de Torta (4/6)- Seleccion de relleno</span></legend>
<p>Seleccione el relleno que desea para la torta</p>
<p class="centered-container">
	<table>
		<tr>
			<td>Relleno:</td>
			<td><select name="tortaRelleno" id="tortaRelleno" onchange="changeOtro(this, 'tortaRellenoOtro')" class="w250">
				<option value="dulce de leche">Dulce de leche</option>
				<option value="dulce de leche con merenguitos">Dulce de leche con merenguitos</option>
				<option value="dulce de leche y chips de chocolate">Dulce de leche y chips de chocolate</option>
				<option value="mouse de chocolate">Mousse de chocolate</option>
				<option value="frutillas con crema">Frutillas con crema</option>
				<option value="duraznos con crema">Duraznos con crema</option>
				<option value="duraznos con dulce de leche">Duraznos con dulce de leche</option>
				<option value="crema bariloche">Crema bariloche</option>
				<option value="crema ganache">Crema ganache</option>
				<option value="crema de chocolate">Crema de chocolate</option>
				<option value="crema de limon">Crema de limon</option>
				<option value="crema vienesa de chocolate">Crema vienesa de chocolate</option>
				<option value="crema de chocolate al cafe">Crema de chocolate al cafe</option>
				<option value="sin relleno">Sin relleno</option>
				<option value="otro">Otro</option>
			</select>
			</td>
		</tr>
		<tr><td>Otro:</td><td><input type="text" name="tortaRellenoOtro" id="tortaRellenoOtro" disabled="true" class="w250"></td></tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="tortaStep5">
<legend><span>Pedido de Torta (5/6)- Decoracion</span></legend>
<p>Elija el tipo de decoracion de la torta</p>
<p class="centered-container">
	<table width="100%" border="0">
		<tr>
			<td>Adorno:</td>
			<td><input id="adorno" name="adorno" type="text" class="w150"></td>
			<td>Imagen ejemplo (pegue debajo la url):</td>
		</tr>
		<tr>
			<td>Apliques:</td>
			<td><input id="apliques" name="apliques" type="text" class="w150"></td>
			<td>
				<table border="0" cellpadding="0" cellspacing="0"><tr><td><input id="ejemplo" name="ejemplo" type="text" class="w150"></td>
					   <td><input type="button" value="Ver" onclick="cargarEjemplo()"/></td></tr>
				</table>
			</td>
		</tr>
		<tr>
			<td>Superpuesta:</td>
			<td><select name="pisos" id="pisos" class="w150">
				<option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				</select>
			</td>
			<td rowspan="2"><img id="imgEjemplo" name="imgEjemplo" src="img/na.jpg" width="100" height="100"></td>
		</tr>
		<tr>
			<td valign="top">Forma:</td>
			<td valign="top"><select name="forma" id="forma" class="w150">
				<option value="redonda">Redonda</option>
				<option value="cuadrada">Cuadrada</option>
				<option value="rectangular">Rectangular</option>
			</select>
			</td>
		</tr>
	</table>
</p>
</fieldset>

<fieldset class="wizard-page" id="confirmacion">
<legend><span>Revision del pedido</span></legend>
<p>Desde aqui podra revisar el pedido a agregar al carrito y agregar la explicacion que desee.</p>

<p class="centered-container">
	<table width="100%" border="0">
		<tr>
			<td><div id="pedidoHtml"></div></td>
		</tr>
		<tr>
			<td>Ingrese los detalles abajo</td>
		</tr>
		<tr>
			<td>
				<textarea id="detallesExtra" name="detallesExtra" cols="28" rows="3"></textarea>
			</td>
		</tr>
	</table>
</p>
</fieldset>
<input type="hidden" id="pedido" name="pedido">
</form>
</div>

<div id="pedidoMensajePrivadoLayer" style="display: none;">
<table class="pedidoTable" cellpadding="0" cellspacing="0">
	<tr>
		<td align="center" style="background-color: #f3e9d1;">
			<table width="95%" height="25" border="0">
				<tr><td><img src="img/null.gif" width="1" height="5"></td></tr>
				<tr><td><b>Pedido (paso 2/3)</b></td></tr>
				<tr><td><img src="img/null.gif" width="1" height="5"></td></tr>
			</table>
		</td>
	</tr>
	<tr><td style="background-color: #f3e9d1">&nbsp;</td></tr>
	<tr>
		<td height="100%" style="background-color: #f3e9d1; border-top: 2px Solid #ef5a94;" align="center">
		<h4>Su pedido ha sido registrado por email. Para que podamos contactarlo por facebook es necesario que cliquee en link "Terminar pedido" que encontrara debajo.
		Se le solicitara enviar un mensaje privado a nuestro usuario para que podamos responderle a su pedido y usted pueda ver la respuesta sin problemas.</h4>
		</td>
	</tr>
	<tr>
		<td width="50%" style="border-top: 2px Solid #ef5a94; background-color: #ffa5ce;" align="center">
			<table height="25" border="0">
				<tr><td><img src="img/null.gif" width="1" height="5"></td></tr>
				<tr><td><a href="https://www.facebook.com/dialog/send?app_id=232922540094566&to=cositas.dulces.lp&display=popup&link=https://cositasdulces-lp-pedidos.appspot.com/&name=Solicitud de presupuesto/pedido&caption=Reference%20Documentation&description=Con%20solo%20un%20punto,%20en%20el%20campo%20mensaje,%20es%20suficiente%20para%20poder%20enviar%20el%20mismo.%20Para%20ver%20el%20boton%20de%20enviar%20baje%20hasta%20el%20pie%20de%20la%20pagina.&redirect_uri=http://cositasdulces-lp-pedidos.appspot.com/finPedido.html&response_type=token"><h3>Terminar pedido</h3></a></td></tr>
				<tr><td><img src="img/null.gif" width="1" height="5"></td></tr>
			</table>
		</td>
	</tr>
</table>
</div>

<div id="graciasPorSuPedidoLayer" style="display: none;">
<table border="0" cellpading="0" cellspacing="0" class="pedidoTable">
<tr>
	<td height="30%" style="background-color: #f3e9d1;" align="center"><h2>Pedido registrado</h2></td>
</tr>
<tr>
	<td style="background-color: #f3e9d1; border-top: 2px Solid #ef5a94;" align="center">
		Su pedido ha sido registrado.<br>
		Nos contactaremos a la brevedad.<br>
		Muchas gracias por elegirnos.
	</td>
</tr>
<tr>
	<td height="25%" style="border-top: 2px Solid #ef5a94; background-color: #ffa5ce;" align="center"><a href="https://cositasdulces-lp-pedidos.appspot.com/"><h3>Hacer otro pedido</h3></a></td>
</tr>
</table>
</div>

</body>
</html>
